/* 
    Document   : estilo
    Created on : 10/06/2013, 04:31:16 PM
    Author     : Johnny
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.tituloPrincipal {
    font-size: x-large;
    font-family: sans-serif;
}
.content {
    min-height: 400px;
}

.content .ui-panelgrid td, #left .ui-panelgrid td {
    border-style: hidden !important;
}

#left {
    width: 200px;
    float: left;
    font-size: small;
    margin-right: 0px;
}
#info{
    border: 1px solid #000 !important;
    width: 80%;
    margin: 10px auto !important;
    background:#7ABAFF;
    color: #FFF;
    font-size: 14pt;
    text-align: center;
    height: 30px;
    vertical-align: central;
    padding-top: 8px
}
#bodypage {
    width: 80%;
    margin: 0px auto !important;
    
}

#fotter{
    width: 100%;
    height: 90px;
    margin: 0px auto !important;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 70%, #e1e1e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#e1e1e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 70%,#e1e1e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 70%,#e1e1e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 70%,#e1e1e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 70%,#e1e1e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e2',GradientType=0 ); /* IE6-9 */
    float: left;
}

#content {
    width:100%;
    float: left;
    font-size: 0.7em;
    margin: 0px auto !important;

}
.datosPerfil {
    font-size: 1.7em;
}

.campoformulario {
    width: 100%;
}

.textoFormulario{
    font-size: 11pt;

}
.Botones
{
    font-size: 8pt;
    padding: 4px;
    margin-right: 4px;
    width: 80px;
}
.BotonesPequenios{
    visibility: hidden !important;
}
.descripcion{
    width: 100%;
    max-width: 400px;
}

.menus{
    font-size: 9px;

}
.tablaConst{
    font-size: 9px;


}
.tablaCult{
    font-size: 12px;


}
.cmbCombos{
    /*background-color:#FFFFD7;*/
    font-family:Arial;


    white-space:pre-wrap;
    border: solid 1px #C5C5C5;

    /*background-attachment: fixed;*/
}



/*table      { width: 200px; margin: 0px auto;
             border-collapse: collapse; }
th, td     { border: 1px solid black; }*/
.normal    { height: 20px; width: 100px;
             font-size: 14px; }
.rotation  { height: 100px; width: 100px;          
             font-size: 16px;

             -moz-transform: rotate(90deg);
             -webkit-transform: rotate(90deg);
             -o-transform: rotate(90deg);
             -ms-transform: rotate(90deg);
             transform: rotate(90deg); }
.labels{
    width: 10%;

}
.textFields{

    width: 50%;
}
.botonesForm{
    width: 35%;
}
.BotonesPequeniosForm{
    width: 5%;
}

.selects
{
    width: 30% !important;
    min-width: 150px;


}
.animated .ui-progressbar-value { 
    background-image: url("#{resource['images/pbar-ani.gif']}");
}
ul.ui-menu-child{
    width: 235px !important;
}

.ui-datagrid-content.ui-widget-content{
    border: 0px !important;
}

.submenu{
    width: 150px !important;

}
.ui-inputtext{

}
.menuBarra{
    font-size: 8pt !important;
}

.menuPanel{
    visibility: hidden;
    height: 0px;
}
@media screen and (max-width:700px)
{
    ul.ui-menu-child{
        width: 150px !important;
    }    

}

@media screen and (max-width:480px)
{
    #bodypage {
        width: 95%;
        margin: 0px auto !important;

    }
    #content {
        width:100%;
        float: left;
        font-size: 6px;
        margin: 0px auto !important;


    }
    .Botones
    {

        font-size: 6pt;
        width: 1px;
        visibility: hidden !important;
    }
    ul.ui-menu-child{
        width: 100px !important;
        font-size: 6pt !important;
    }
    .botonesForm{
        width: 0px !important;
    }
    .BotonesPequeniosForm{
        width: 40% !important;
    }
    .BotonesPequenios{
        visibility: visible !important;
    }
    .ui-inputtext{
        font-size: 0.7em !important;
    }


}

@media screen and (max-width:320px)
{
    .menuBarra{
        visibility: hidden !important;
        height: 0px !important;
        display: none !important;
    }
    .menuPanel{
        visibility: visible !important;
        height: 100px !important;
        display: inline-block;
        width: 100% !important;

    }

}

